/*
 * WYMeditor : what you see is What You Mean web-based editor
 * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
 * Dual licensed under the MIT (MIT-license.txt)
 * and GPL (GPL-license.txt) licenses.
 *
 * For further information visit:
 *      http://www.wymeditor.org/
 *
 * File Name:
 *      skin.css
 *      main stylesheet for the default WYMeditor skin
 *      See the documentation for more info.
 *
 * File Authors:
 *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
*/

/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
        .wym_skin_default p, .wym_skin_default h2, .wym_skin_default h3,
        .wym_skin_default ul, .wym_skin_default li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }


/*HIDDEN BY DEFAULT*/

        .wym_skin_default .wym_area_left          { display: none; }
        .wym_skin_default .wym_area_right         { display: block; float: left; margin-top: -4px; }


/*TYPO*/    
        .wym_skin_default                { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; }
        .wym_skin_default h2             { font-size: 110%; /* = 11px */}
        .wym_skin_default h3             { font-size: 100%; /* = 10px */}
        .wym_skin_default li             { font-size: 100%; /* = 10px */}


/*WYM_BOX*/
        .wym_skin_default                { padding: 2px; }

    /*auto-clear the wym_box*/
        .wym_skin_default:after 	        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 * html .wym_skin_default                { height: 1%;}


/*WYM_HTML*/
        .wym_skin_default .wym_html               { width: 100%; }
        .wym_skin_default .wym_html textarea      { width: 100%; height: 300px; background: #fafafa !important; }


/*WYM_IFRAME*/
        .wym_skin_default .wym_iframe             { width: 100%; }
        .wym_skin_default .wym_iframe iframe      { width: 100%; height: 300px; background: #fafafa !important;  }
        img { max-width: 550px; !important }


/*AREAS*/
        .wym_skin_default .wym_area_left          { width: 150px; float: left;}
        .wym_skin_default .wym_area_right         { }
        .wym_skin_default .wym_area_bottom        { height: 1%; clear: both;}
 * html .wym_skin_default .wym_area_main          { height: 1%;}
 * html .wym_skin_default .wym_area_top           { height: 1%; }
 *+html .wym_skin_default .wym_area_top           { height: 1%; }

/*SECTIONS SYSTEM*/

    /*common defaults for all sections*/
        .wym_skin_default .wym_section            { margin-bottom: 5px; }
        .wym_skin_default .wym_section h2,
        .wym_skin_default .wym_section h3         { padding: 1px 3px; margin: 0; }
        .wym_skin_default .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
        /*.wym_skin_default .wym_section a:hover    { background-color: yellow; }
      /*hide section titles by default*/
        .wym_skin_default .wym_section h2         { display: none; }
      /*disable any margin-collapse*/
        .wym_skin_default .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
      /*auto-clear sections*/
        .wym_skin_default .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 * html .wym_skin_default .wym_section ul         { height: 1%;}

    /*option: add this class to a section to make it render as a panel*/
        .wym_skin_default .wym_panel              { }
        .wym_skin_default .wym_panel h2           { display: block; }

    /*option: add this class to a section to make it render as a dropdown menu*/
        .wym_skin_default .wym_dropdown h2        { display: block; }
        .wym_skin_default .wym_dropdown ul        { display: none; position: absolute; background: #fafafa; }
        .wym_skin_default .wym_dropdown:hover ul,
        .wym_skin_default .wym_dropdown.hover ul  { display: block; }

    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
        .wym_skin_default .wym_buttons li         { 
        											float:left; 

        											border-right: none;
        										  }
        .wym_skin_default .wym_buttons li:hover {
        											background: #f5f5f5;
        }										  
		
		.wym_skin_default .wym_buttons li:last-child { border-right: none !important }
		
		.wym_skin_default .wym_buttons { margin-left: 3px; margin-top: 2px; }
        										  
        .wym_skin_default .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
      /*image replacements*/
        .wym_skin_default .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;} 
        .wym_skin_default .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
        .wym_skin_default .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
        .wym_skin_default .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
        .wym_skin_default .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
        .wym_skin_default .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
        .wym_skin_default .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
        .wym_skin_default .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
        .wym_skin_default .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
        .wym_skin_default .wym_buttons li.wym_containers_h4 a       { background-position: 0 -620px;}
        .wym_skin_default .wym_buttons li.wym_containers_p a        { background-position: 0 -637px;}
        .wym_skin_default .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
        .wym_skin_default .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
        .wym_skin_default .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
        .wym_skin_default .wym_buttons li.wym_tools_pdf a           { background-position: 0 -217px;}
        .wym_skin_default .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
        .wym_skin_default .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
        .wym_skin_default .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
        .wym_skin_default .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
        .wym_skin_default .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
        .wym_skin_default .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
        
        .wym_skin_default .wym_buttons li.wym_tools_strong,
        .wym_skin_default .wym_buttons li.wym_tools_ordered_list,
        .wym_skin_default .wym_buttons li.wym_tools_link,
        .wym_skin_default .wym_buttons li.wym_tools_undo,
        .wym_skin_default .wym_buttons li.wym_containers_p {
        												-webkit-border-top-left-radius: 2px;
        												-webkit-border-bottom-left-radius: 2px;
        												-moz-border-radius-topleft: 2px;
        												-moz-border-radius-bottomleft: 2px;
        											}
        											
        .wym_skin_default .wym_buttons li.wym_tools_emphasis,
        .wym_skin_default .wym_buttons li.wym_tools_outdent,
        .wym_skin_default .wym_buttons li.wym_tools_redo,
        .wym_skin_default .wym_buttons li.wym_tools_unlink,
        .wym_skin_default .wym_buttons li.wym_tools_image,
        .wym_skin_default .wym_buttons li.wym_tools_image,
        .wym_skin_default .wym_buttons li.wym_containers_h4,
        .wym_skin_default .wym_buttons li.wym_tools_paste {
        												-webkit-border-top-right-radius: 2px;
        												-webkit-border-bottom-right-radius: 2px;
        												-moz-border-radius-topright: 2px;
        												-moz-border-radius-bottomright: 2px;
        												margin-right: 5px;
        												border-right: 1px solid #ccc;
        												padding-right: 2px;
        											}

/*DECORATION*/
        .wym_skin_default .wym_section h2             { background: #ddd; border: solid gray; border-width: 0 0 1px;}
        .wym_skin_default .wym_section h2 span        { color: gray;}
        .wym_skin_default .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: #fafafa;}    
        .wym_skin_default .wym_panel ul               { margin: 2px 0 5px; }        
        .wym_skin_default .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
        .wym_skin_default .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
        
/*DIALOGS*/
		.wym_dialog { font-family: Helvetica, Arial; font-size: 12px; }
        .wym_dialog div.row         { margin-bottom: 5px;}
        .wym_dialog div.row input   { margin-right: 5px;}
        .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
        .wym_dialog div.row-indent  { padding-left: 160px; }
        /*autoclearing*/        
        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
        .wym_dialog div.row                  { display: inline-block; }
            /* Hides from IE-mac \*/
            * html .wym_dialog div.row       { height: 1%; }
            .wym_dialog div.row              { display: block; }
            /* End hide from IE-mac */                
            
        .wym_dialog .bluebutton {
			background: url(bluebutton_bg.png);
			border: 1px solid #0c2e5a;
			border-top: 1px solid #00a8ff;
			color: #b3e2fb;
			cursor: pointer;
			font-size: 12px;
			margin-top: 20px;
			padding: 3px 10px;
			-webkit-box-shadow: 0px -1px 0px #0c2e5a;
			-moz-box-shadow: 0px -1px 0px #0c2e5a;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		
		.wym_dialog input.button, .button {
  background: url(../../../img/buttongray_bg.png) repeat-x #ebebeb;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  box-shadow: 0 1px 3px #ddd;
  color: #757575;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  font-family: "Tahoma", sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 31px;
  line-height: 31px;
  margin-right: 4px;
  padding: 0 14px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  text-transform: uppercase;
  zoom: 1;
}

.wym_dialog input.button {
  height: 33px;
  margin-top: -3px;
}

.wym_dialog .button.blue {
  background: url(../../../img/buttonblue_bg.png) repeat-x #477dae;
  border: 1px solid #477dae;
  color: #fff;
  text-shadow: 0 1px 0 #104266;
}

.wym_dialog .button:hover {
  background: #ebebeb;
}

.wym_dialog .button.blue:hover {
  background: #558bbc;
}
		
		.wym_dialog .loading {
			background: url(loading.gif);
			width: 49px;
			height: 50px;
			display: none;
		}
		
		.graybutton {
			background: url(tab_bg.png) #fff bottom repeat-x;
			border: 1px solid #c4c4c4;
			color: #000;
			display: block;
			float: left;
			margin-right: 5px;
			line-height: 22px;
			padding: 0 10px;
			text-decoration: none;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}

		.graybutton:hover {
			background: url(bluebutton_bg.png) #186ca5 bottom repeat-x;
			border: 1px solid #0f1f29;
			color: #fff;
			cursor: pointer;
			text-decoration: none;
		}
            
/*WYMEDITOR_LINK*/
        a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }

.wym_skin_default ul {
  margin: 0 !important;
}